:root {
  --bPageBgColor: #f5f5f5; /* 页面背景颜色 */

  --bTextColor: #000; /* 文字颜色 */
  --bBgColor: var(--el-bg-color); /* 元素背景颜色 */
  --bBorderColor: var(--el-input-border-color); /* 元素边框颜色 */
  --bDialogBgColor: var(--el-dialog-bg-color); /* 对话框背景颜色 */

  --bReadContentColor: #333; /* 阅读内容文字颜色 */
  --bReadContentBgColor: #fff; /* 阅读内容背景颜色 */
  
  /* 单页面使用 */
  --roleHeaderBgColor: #f1f1f1; /* 角色标题背景颜色 */
  --selectRowBgColor: #e8f4ff; /* 选中行背景颜色 */
  --el-menu-hover-bg-color:var(--bHoverColor);
 /* 鼠标悬浮效果 */
  --bHoverColor: #409eff;
}

html.dark {
  --bPageBgColor: #363636; /* 暗模式下的页面背景颜色 */
  --bTextColor: #fff; /* 暗模式下的文字颜色 */
  // --el-bg-color-page: #0a0a0a; /* 暗模式下的页面元素背景颜色 */
  // --el-bg-color: #141414; /* 暗模式下的基础元素背景颜色 */
  --bReadContentColor: #fff; /* 暗模式下的阅读内容文字颜色 */
  --bReadContentBgColor: #333; /* 暗模式下的阅读内容背景颜色 */
  
  /* 单页面使用 */
  --roleHeaderBgColor: #0e0e0e; /* 暗模式下的角色标题背景颜色 */
  --selectRowBgColor: #414243; /* 暗模式下的选中行背景颜色 */
  --bHoverColor: #409eff;
}
